html, body {
    background: #f0f0f0;
}
.topheader {
    height: 8rem;
    position: relative;
}

.header_myinfo {
    padding-top: 3rem;
}

.header_myinfo_img {
    width: 5rem;
}

.header_myinfo_con {
    width: 60%;
    text-align: left;
    padding-left: 0.65rem;
    line-height: 1.3rem;
    margin-top: 1.3rem;
}

.header_myinfo_edit {
    width: 18%;
}

.self-bg{
  height: 10px;
  background-color: #f8f8f8;
}
.header_myinfo_img img {
    width: 4rem;
    height: 4rem;
    border: solid 2px #7ad3f3;
    border-radius: 50%;
    margin: 0.65rem 0 1rem 1rem;
}

.header_myinfo_edit {
    background: #49C6F7;
    height: 2rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    margin: 2.5rem 0 0 0.35rem;
}

.header_myinfo_edit img {
    width: 1rem;
    margin: 0.4rem 0 0 1rem;
}

.header_myinfo_con_name {
    color: #fff;
    font-size: 0.8rem;
}

.header_myinfo_con_department {
    color: #fff;
    font-size: 0.8rem;
}

.self_li_txt {
    font-size: 0.8rem;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

.self {
}

.self_li_img img {
    width: 1rem;
    margin: 0.9rem 0.5rem 0 0;
}
.mt{
  margin-top: 10px;
}
.self_li {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    background: #fff;
    margin-bottom: 10px;

}
.self_li .self-width{
  width: 92%;
  margin: 0 auto;
  background-color: #f00;
}
.index_title {
    width: 100%;
    margin-top: 1.4rem;
}
